<template>
  <div id="app">
    <!--             <div class="button">
      <min-button @click="func">按钮</min-button>
      <min-button type="primary">按钮</min-button>
      <min-button type="info">按钮</min-button>
      <min-button type="success">按钮</min-button>
      <min-button type="danger">按钮</min-button>
      <min-button type="warning">按钮</min-button>
    </div> -->
    <!--     <div class="button">
      <min-button plain>按钮</min-button>
      <min-button plain type="primary">按钮</min-button>
      <min-button plain type="info">按钮</min-button>
      <min-button plain type="success">按钮</min-button>
      <min-button plain type="danger">按钮</min-button>
      <min-button plain type="warning">按钮</min-button>
    </div>
    <div class="button">
      <min-button round>按钮</min-button>
      <min-button round type="primary">按钮</min-button>
      <min-button round type="info">按钮</min-button>
      <min-button round type="success">按钮</min-button>
      <min-button round type="danger">按钮</min-button>
      <min-button round type="warning">按钮</min-button>
    </div>
    <div class="button">
      <min-button  disabled round>按钮</min-button>
      <min-button  disabled round type="primary">按钮</min-button>
      <min-button  disabled round type="info">按钮</min-button>
      <min-button  disabled round type="success">按钮</min-button>
      <min-button  disabled round type="danger">按钮</min-button>
      <min-button  disabled round type="warning">按钮</min-button>
    </div> -->
    <!-- <h3 @click="dialogVisible=true">点击打开dialog</h3>
    <min-dialog :visible.sync="dialogVisible">
      <span>这是一段信息</span>
      <span slot="footer" class="dialog-footer">
        <min-button @click="dialogVisible = false">取 消</min-button>
        <min-button type="primary" @click="dialogVisible = false">确 定</min-button>
      </span>
    </min-dialog> -->
<!--     <div style="padding: 24px;width: 600px;border: 1px solid #ebebeb;margin-bottom: 10px">
      <min-input placeholder="请输入内容" v-model="input"></min-input>
    </div>
    <div style="padding: 24px;width: 600px;border: 1px solid #ebebeb;margin-bottom: 10px">
      <min-input placeholder="请输入内容" disabled></min-input>
    </div>
    <div style="padding: 24px;width: 600px;border: 1px solid #ebebeb;margin-bottom: 10px">
      <min-input placeholder="请输入内容" type="password"></min-input>
    </div> -->

    <!-- <min-switch v-model="active"></min-switch> -->

    <!-- <min-radio label='0' v-model="gender"></min-radio>
    <min-radio label='1' v-model="gender"></min-radio>

    <min-radio-group  v-model="gender">
      <min-radio label='0'></min-radio>
      <min-radio label='1'></min-radio>
    </min-radio-group> -->
    <min-checkbox v-model="active">是否选中</min-checkbox>
    <min-checkbox-group v-model="array">
      <min-checkbox label="吃饭"></min-checkbox>
      <min-checkbox label="睡觉"></min-checkbox>
      <min-checkbox label="打豆豆"></min-checkbox>
    </min-checkbox-group>
  </div>
</template>

<script>
export default {
  data () {
    return {
      dialogVisible: false,
      input: '',
      active: false,
      gender: '0',
      array: ['吃饭']
    }
  },
  methods: {
    func () {
      console.log('a')
    }
  }
}

</script>
<style lang="scss" scoped>
.min-input{
  width:180px !important
}
.button {
  margin-bottom: 15px;

  .min-button {
    margin-right: 20px
  }
}

</style>
